
html, body {
    background: url(../Images/bg.jpg) repeat-x #F6F6F8;
}

.center { text-align: center!important; }
.right { text-align: right!important; }

.header {
	position:relative;
	height: 100px;
}

.header .logo { position:absolute; left:15px; top: 22px; }


.welcome-note {
	padding: 20px;
	margin-bottom: 10px;
	text-align:	center;
}

.box-row { margin: 50px 0 50px 0; }
.box {
	display: table-cell;
	height: 200px;
	width: 300px;
	text-align:center;
	vertical-align:middle;
	border: 3px solid #DD4814;
	-webkit-box-shadow: inset 0 1px 1px #DD4814;
	-moz-box-shadow: inset 0 1px 1px #DD4814;
	box-shadow: inset 0 1px 1px #DD4814
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.box .reg-user { display:block; margin:0 auto; width:150px; height:150px; background:url(../Images/icon-register-user.png) no-repeat; }
.box:hover .reg-user { background-position:0 -150px; }
.box .manage-users { display:block; margin:0 auto; width:150px; height:150px; background:url(../Images/icon-manage-users.png) no-repeat; }
.box:hover .manage-users { background-position:0 -150px; }

.box .new-study { display:block; margin:0 auto; width:150px; height:150px; background:url(../Images/icon-new-study.png) no-repeat; }
.box:hover .new-study { background-position:0 -150px; }
.box .prev-studies { display:block; margin:0 auto; width:150px; height:150px; background:url(../Images/icon-previous-studies.png) no-repeat; }
.box:hover .prev-studies { background-position:0 -150px; }


.box:hover {
	text-decoration:none;
	color: #ffffff;
	background: #DD4814;
}
.box h2 { font-weight:normal; }

.box-cont { height: 200px; width: 300px; }
.box-row .left { float: left; margin-left: 80px; }
.box-row .right { float: right; margin-right: 80px; }


.footer {
	margin-top:45px;
	padding: 35px 0 36px;
	border-top: 1px solid #E5E5E5;
}


.login-form { margin: 50px 0 20px; }
.login-form form { margin: 0; }
.login-form legend { margin-bottom: 0; border-color:#dddddd; }
.login-form .form-actions { margin-bottom:0; padding-bottom:0; }


#UserRegistrationForm legend,
#ChangePasswordForm legend,
#ProfileForm legend { margin-bottom: 0; border-color:#dddddd; }

#UserRegistrationForm select,
#ChangePasswordForm select,
#ProfileForm select { width: auto; }

#user-management table .center { text-align:center; }


#NewStudyDiv { width: 100%; overflow: hidden; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.inclusion-box { float: left; width: 45%; padding-left: 2%; }
.parameter-box { float: right; width: 45%; padding-right: 2%; }
.inclusion-box h3, 
.parameter-box h3 { width: 98%; padding: 0 1%; overflow: hidden; margin-bottom: 5px; }
.inclusion-box h3 span,
.parameter-box h3 span { float: right; }
.inclusion-box input[type="text"],
.inclusion-box select,
.parameter-box input[type="text"],
.parameter-box select { width: 100%; }
.inclusion-box input[type="text"],
.parameter-box input[type="text"]  { width: 98%; }
.inclusion-box .action,
.parameter-box .action { text-align: right; }



button.close { background: none; border: 0; padding: 0; }



.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 200px;
}




ul.dynatree-container { background: none; border: 0; }